<template>
  <div class="alarm_contain">
    <div class="left_list">
      <div class="list_title">预警监控信息</div>
      <div class="list_menu">
        <Tab/>
      </div>
    </div>
    <!-- <div class="map">
      <Map></Map>
    </div> -->
  </div>
</template>
<script>
import Map from "../../../components/Map.vue";
import Tab from "../../../components/Tab.vue"
export default {
  data() {
    return {

    };
  },
  mounted() {},

  methods: {

  },
  components: {
    Map,
    Tab,
  },
};
</script>
<style scoped>
.alarm_contain {
  width: 100%;
  height: 100%;
  display: flex;
}
.alarm_contain .map{
  width: calc(100% - 400px);
  height: 100%;
}
.alarm_contain .left_list {
  width: 400px;
  height: 100%;
  background-color: #fff;
}

.alarm_contain .left_list .list_title {
  width: 100%;
  height: 30px;
  background-color: #f6f7f8;
  color: #0c1f7b;
  font-size: 14px;
  font-weight: 900;
  line-height: 30px;
  padding-left: 15px;
  box-sizing: border-box;
}

.alarm_contain .left_list .list_menu {
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
</style>
